<!DOCTYPE html>
<html>
<head>
    {include file="public/head"}
    <style>
        .bring-detail{background-color: #fff;}
        .bring-detail li{display: flex;height: 60px;margin: 10px;padding-bottom: 5px;}
        .bring-detail li .avatar{flex: 1;}
        .bring-detail li .avatar p{height: 60px;width: 60px;margin: 0 auto;}
        .bring-detail li .base{flex: 2;}
        .bring-detail li .base p{height: 30px;line-height: 30px;padding-left: 10px;overflow: hidden;}
        .bring-detail li .base p:last-child{color: #999;}
        .bring-detail li .money{flex: 1;text-align: center;}
        .bring-detail li .money p{height: 30px;line-height: 30px;overflow: hidden;margin-top: 15px;}
        .bring-detail li .money p:first-child{color: #999;font-size: 14px;}
        .bring-detail li .money p:last-child{color: #f00;font-weight: 600;}
        .bring-detail img{width: 100%;height: 100%;border-radius: 50%;}
        .guid-title{text-align: center;}
        .icon{width: 30px;position: absolute;left: 26px;top: 10px;}
        .icon-order:after{color: #0BB20C;}
    </style>
</head>
<body>
<div class="g-flexview">
    <header class="m-navbar">
        <i class="back-ico"></i>
        <div class="navbar-center"><span class="navbar-title">我的</span></div>
    </header>
    <div class="g-scrollview">
        <ul class="bring-detail">
            <li>
                <div class="avatar">
                    <p><img src="{$user['avatar']}"></p>
                </div>
                <div class="base">
                    <p>{$user['nickname']}</p>
                    <p>
                        <a href="/index/user/real">{if condition="$user['is_real'] == 0"}完善实名>{else/}已实名>{/if}</a>
                    </p>
                </div>
                <div class="money">
                    <p><i class="icon-shield"></i>
                        {if condition="$user['share_level'] >0"}
                        {:get_share_name($user['share_level'])}
                        {else/}
                        {:get_level_name($user['level']);}
                        {/if}
                    </p>
                </div>
            </li>
        </ul>
        <div class="m-grids-2" style="margin: 10px 0;">
            <a href="/index/user/sell" class="grids-item">
                <div class="guid-title">
                    <p class="icon">
                        <img src="/static/img/sell.png" alt="" width="100%" height="100%">
                    </p>
                    <p class="desc">我的卖单</p>
                </div>
            </a>
            <a href="/index/user/buy" class="grids-item">
                <div class="guid-title">
                    <p class="icon">
                        <img src="/static/img/buy.png" alt="" width="100%" height="100%">
                    </p>
                    <p class="desc">我的买单</p>
                </div>
            </a>
        </div>
        <div class="m-cell">
            <a class="cell-item" href="/index/trade/tradeOrder">
                <div class="cell-left"><i class="cell-icon icon-order"></i>交易订单</div>
                <div class="cell-right cell-arrow"></div>
            </a>
            <a class="cell-item" href="/index/Assets/index.html">
                <div class="cell-left">
                    <p class="cell-icon">
                        <img src="/static/img/icon-money.png" alt="">
                    </p>资产
                </div>
                <div class="cell-right cell-arrow"></div>
            </a>
            <a class="cell-item" href="/index/set/message.html">
                <div class="cell-left"><i class="cell-icon icon-question"></i>消息</div>
                <div class="cell-right cell-arrow"></div>
            </a>
            <a class="cell-item" href="/index/user/payInfo">
                <div class="cell-left">
                    <p class="cell-icon">
                        <img src="/static/img/out.png" alt="">
                    </p>
                    支付信息</div>
                <div class="cell-right cell-arrow">去绑定</div>
            </a>
            <a class="cell-item lang" href="/index/set/lang.html">
                <div class="cell-left">
                    <p class="cell-icon">
                        <img src="/static/img/lang.png" alt="">
                    </p>
                    语种</div>
                <div class="cell-right cell-arrow"></div>
            </a>
            <a class="cell-item" href="/index/set/index">
                <div class="cell-left">
                    <i class="cell-icon icon-setting"></i>设置
                </div>
                <div class="cell-right cell-arrow"></div>
            </a>
        </div>
    </div>
    {include file="public/tabbar" user="tabbar-active"}
</div>
{include file="public/js"}
<script>
    !function ($) {
        $('.lang').click(function () {
            //$.post('/api/sms/orderSuccess',{phone : 15987064352});
        });
    }(jQuery);
</script>
</body>
</html>